.business_index{
  .banners{
    .banner_box{
      width:1200px;
      height: 660px;
      margin:0 auto;
      position:relative;
      .banner_content{
        position:absolute;
        top:190px;
        left:54px;
        border:1px solid #423a2e;
        width:614px;
        height:105px;
        padding:15px 20px 15px 20px;
        text-align:center;
        div{
          color:#846840;
          font-size:19px;
        }
        span {
          display: inline-block;
          color: #dab684;
          font-size: 20px;
          margin-top: 15px;
          margin-bottom: 17px;
          letter-spacing:6px;
        }
        h2{
          margin-top:0;
          margin-bottom:0;
          padding-top:25px;
          font-size:36px;
          color:#fff;
          letter-spacing:6px;
        }
        p{
          margin-top:25px;
          font-size:16px;
          color:#757575;
        }
      }
    }
  }
  .designer_logo{
    margin-top:140px;
    .pull-left{
      width:33.33%;
      text-align:center;
      p{
        margin-top:55px;
        font-size:20px;
        color:#333;
        font-family:'sample';
        font-weight:bold;
        margin-bottom:5px;
      }
      .line{
        margin:0 auto;
        height:2px;
        background:#000;
        width:80px;
        margin-bottom:20px;
      }
      span{
        display:block;
        margin-top:10px;
        color:#999;
        font-size:12px;
      }
    }
  }
  .designer_works{
    padding-top:120px;
    h3{
      font-size:39px;
      margin-top:0;
      margin-bottom:0;
    }
    .line{
      margin:0 auto;
      height:4px;
      background:#000;
      width:90px;
      margin-top:25px;
      margin-bottom:18px;
    }
    .designer_en{
      font-size:24px;
      color:#999;
      margin:0;
      margin-bottom:40px;
    }
    .works_list{
      .col-lg-6{
        padding-right:0;
        padding-left:0;
      }
      .col-md-6{
        padding-right:0;
        padding-left:0;
      }
      .col-sm-6{
        padding-right:0;
        padding-left:0;
      }
      .pull-left{
        width:50%;
        .intersection_box{
          position:relative;
          img{
            width:100%;
          }
          .cross{
            width:100%;
            position:absolute;
            top:32%;
            right:110%;
            p{
              font-size:36px;
              color:#745b42;
              margin-bottom:16px;
            }
            div{
              span{
                display:inline-block;
                padding-left:10px;
                padding-right:10px;
                line-height:44px;
                color:#bca791;
                font-size:24px;
                background:#745b42;
              }
            }
            h2{
              color:#bca184;
              font-size:4rem;
              font-weight:bold;
            }
            h5{
              color:#9a8672;
              margin-top:18px;
            }
          }
        }
        .col-lg-12{
          padding-right:0;
          padding-left:0;
        }
        .col-md-12{
          padding-right:0;
          padding-left:0;
        }
        .col-sm-12{
          padding-right:0;
          padding-left:0;
        }
        .intersection_img{
          background:#f3eee9;
        }
        .intersection_explain{
          width:100%;
          position:relative;
          background:#f3f3f3;
          img{width:46.5%;}
          .intersection_explain_box{
            position:absolute;
            top:35%;
            right:40px;
            color:#999;
            h1{
              font-size:72px;
              font-weight:bold;
              color:#dadada;
              font-family: 'Impact Regular';
            }
          }
        }
      }
      .qiwen_box{
        position:absolute;
        right:110%;
        bottom:10%;
        width:100%;
        p{
          color:#87735f;
          font-size:3rem;
        }
        .text-right{
          span{
            display:inline-block;
            padding-left:10px;
            padding-right:10px;
            line-height:44px;
            color:#d4c0ab;
            font-size:2rem;
            background:#745b42;
          }
        }
        h2{
          color:#bca184;
          font-size:48px;
          font-family:'Impact Regular';
          font-weight:bold;
          margin:0;
          margin-top:5%;
          margin-bottom:2%;
        }
        h5{
          color:#87735f;
          margin:0;
          margin-bottom:16px;
        }
      }
      .works_list_box{
        .intersection{
          .intersection_img{
            position:relative;
            .intersection_explain_box{
              position:absolute;
              right:110%;
              bottom:60px;
              p{
                color:#999;
                margin-bottom:16px;
              }
              h1{
                font-family:'Impact Regular';
                color:#dadada;
                font-weight:bold;
                font-size:48px;
              }
            }
          }
          .intersection_explain{
            width:50%;
            background:#fff;
          }
        }
        .intersection_right{background:#d4c0ab}
        .intersection_explain_cn{
          background:#d4c0ab;
        }
      }
      .works_list_box02{
        .intersection_qiwen{
          background:#d4c0ab;
        }
        .intersection_img{
          position:relative;
          .qiwen_box{
            position:absolute;
            right:-90%;
            bottom:10%;
          }
        }
      }
      .works_list_box01{
        .intersection_left_bg{
          height:960px;
          img{
            width:100%;
            height:100%;
          }
        }
        .inter_left{
          .inter_img_up{
            background-color:#d4c0ab;
          }
        }
        .intersection_right_bg{
          .intersection_img{
            position:relative;
            .intersection_box_cn{
              position:absolute;
              left:-90%;
              top:60px;
              p{
                font-size:36px;
              }
              div{
                margin-bottom:24px;
                span{
                  display:inline-block;
                  padding-left:10px;
                  padding-right:10px;
                  line-height:44px;
                  color:#fff;
                  font-size:24px;
                  background:#424242;
                }
              }
              h2{
                color:#ccc;
                font-size:48px;
                font-weight:bold;
                margin:0;
                margin-top:20px;
                font-family:'Impact Regular';
              }
              h5{
                color:#999;
                margin:0;
                margin-bottom:16px;
              }
            }
            .more{
              position:absolute;
              right:-2%;
              bottom:45%;
              font-size:30px;
              color:#999;
              text-align: center;
            }
          }
          .intersection_img_bottom{
            background:#f3f3f3;
          }
          .intersection_img_top{
            background:#fff;
          }
        }
      }
    }
  }
}
.imgs_bg{
  float:left;
  width:25%;
}